<template>
	<div>
		<swiper 
		:indicator-dots="indicatorDots" 
		autoplay="autoplay" 
		:interval="interval" 
		:duration="duration" 
		indicator-active-color="#42bd56"
		indicator-color="white">
			<template v-for="(item,index) in background">
				<swiper-item :key="index"><image :src="item" style="width:100%;"></image></swiper-item>
			</template>
		</swiper>
	</div>
</template>

<script>
export default {
	components:{},
	data() {
		return {
			background: [
			  "https://p1.meituan.net/movie/5a035ca22863af8aee60c2484696333464598.jpg",
			  "https://p1.meituan.net/movie/f76027b7577ba724c3238b3034ccdd7b146065.jpg",
			  "https://p1.meituan.net/movie/94169dca15586b5a85c23ebd14e926a689681.jpg",
			  "https://p1.meituan.net/movie/0c1f5ca92e003751a7c1ecb55371261674334.jpg"
			],
			indicatorDots: true,
			vertical: false,
			autoplay: true,
			interval: 2000,
			duration: 500
		};
	},
	methods:{}
};
</script>

<style scoped></style>
